<template>
  <n-config-provider inline-theme-disabled :locale="zhCN" :date-locale="dateZhCN">
    <n-global-style />
    <n-message-provider>
      <n-notification-provider>
        <RouterView />
      </n-notification-provider>
    </n-message-provider>
  </n-config-provider>
</template>
<script setup lang="ts">
import { dateZhCN, zhCN } from 'naive-ui'
</script>

<style lang="scss">
.n-form-item .n-form-item-feedback-wrapper {
  min-height: 0;
}
.n-base-selection .n-base-selection-tags {
  padding: 3px 26px 0 4px;
  .n-tag {
    background-color: rgba(0, 0, 0, 0.04);
    font-size: 14px;
  }
  .n-tag__border {
    border: 0;
  }
}
.n-color-picker {
  .n-color-picker-trigger__value {
    // @apply text-transparent!;
  }
}
.n-color-picker-panel {
  .n-color-picker-input {
    display: none;
  }
  .n-color-picker-swatches {
    @apply bd-t pt-2 mt-0;
  }
}
</style>
